<template>
    <view class="p-top20 p-bot30" :style="{ '--color': color }">
        <navBar title="详情"></navBar>
        <Sharer></Sharer>
        <ServerItem></ServerItem>
        <Records></Records>
        <useNow></useNow>
        <getNow></getNow>
        <Richtext></Richtext>
        <Store></Store>
    </view>
</template>

<script>
    import { mapState } from 'vuex'
    import Sharer from '@/subCard/components/Sharer.vue'
    import ServerItem from '@/subCard/components/ServerItem.vue'
    import useNow from '@/subCard/components/useNow.vue'
    import getNow from '@/subCard/components/getNow.vue'
    import Richtext from '@/subCard/components/Richtext.vue'
    import Store from '@/subCard/components/Store.vue'
    import Records from '@/subCard/components/Records.vue'
    export default {
        components: {
            Sharer,
            ServerItem,
            Records,
            useNow,
            getNow,
            Richtext,
            Store
        },
        data() {
            return {
                headImg: 'https://msraimgcdn.mogoie.com/6099/1709797684310.JPG'
            }
        },
        methods: {},
        computed: {
            ...mapState(['color'])
        }
    }
</script>

<style>
    page {
        background-color: #f2f2f2;
    }
</style>
